/**
 * shuang
 */
import React,{Component}from 'react';
import { 
    ActivityIndicator,
    AppRegistry,
    TouchableHighlight,
    Text,View,Image,
    StyleSheet,ListView,
    SectionList,
    ListViewDataSource,
    FlatList,
    Dimensions,
    TouchableOpacity
}from 'react-native';

const screenWidth = Dimensions.get('window').width;
import { Button ,Tabs, WhiteSpace} from 'antd-mobile';

export default class BBSCommentList extends Component{
    
    constructor(){
        super();
        const ds = new ListView.DataSource({rowHasChanged:(r1,r2)=> r1!==r2});
        this.state ={
            dataSource:ds.cloneWithRows({img: 'https://zos.alipayobjects.com/rmsportal/dKbkpPXKfvZzWCM.png',title:'今年世界杯在哪里？',des:'不是所有的兼职汪都需要风吹日晒',}),
        };
    }

_handlePress() {
    console.log('Pressed!');
  }
render() {
  return (
    
    <TouchableOpacity onPress={this._onPress} style={{marginTop:40}} >
        <View style={styles.container} flexDirection='row'>
           <Image source = {require('./picImages/luntan_dashangjifen_touxiang.png')} style = {styles.topImgWid} />
            <View style={{height:60,}} >
                <Text style={styles.textWid}>昵称123昵称1</Text>
                <Text style={{fontSize:13,left:20,top:12,color:'gray'}}>2018-06-06</Text>
            </View>
                
            <Text style={{fontSize: 12, color: 'gray',left:30,top:12, height:15, borderWidth:1,borderRadius:5,borderColor:'gray'}}>
             LV2
             </Text>
         </View>

         <View style={{width:screenWidth,backgroundColor:'#fff'}} >
            <Text style={{fontSize:15,left:20,top:0,color:'#3C4959',width:screenWidth-40,}} >哈哈哈😀评论相关cell金额为管理来得及发生内部v出来就女配合比往年两三百年会计反倒是书法家哦啊额是那地asgergergdfsbdfbbsdgr个人各</Text>
        </View>
      
        <View style={{width:screenWidth - 55,left:40,top:10,}} backgroundColor='#D6D6D6' >
            <View style={{height:20,width:screenWidth-50,left:5,top:5,}} >
                 <Text style={{fontSize:12,color:'blue'}} > 
                     follow me
                    <Text style={{color: '#3C4959'}}>  
                     回复： 
                    </Text>
                 </Text> 
                 </View>
            <View style={{width:screenWidth-60,left:5,top:1,}} backgroundColor='#D6D6D6'>
            <Text style={{color: 'gray',fontSize:12,left:1,top:1,}} >  
               bucuo这个评论赞bucuo这个评论赞1234bucuo这个评论赞bucuo这个评论赞1234bucuo这个评论赞bucuo这个评论赞1234
           </Text>   
           </View>
            
         </View>

         <View style={{width:screenWidth - 55,left:40,top:13,}} backgroundColor='#D6D6D6' >
            <View style={{height:20,width:screenWidth-60,left:5,top:5,}} >
                 <Text style={{fontSize:12,color:'blue'}} > 
                     follow me
                    <Text style={{color: '#3C4959'}}>  
                     回复： 
                    </Text>
                 </Text> 
             </View>
            <View style={{width:screenWidth-60,left:5,top:1,}} backgroundColor='#D6D6D6' >
                <Text style={{color: 'gray',fontSize:12,left:1,top:1,}} >  
               ke😊可爱😊
            </Text>   
           </View>
         </View>

          <View style={{width:screenWidth - 55,left:40,top:16,}} backgroundColor='#D6D6D6' >
            <View style={{height:20,width:screenWidth-60,left:5,top:5,}} >
                 <Text style={{fontSize:12,color:'blue'}} > 
                     follow me
                    <Text style={{color: '#3C4959'}}>  
                     回复： 
                    </Text>
                 </Text> 
             </View>
            <View style={{width:screenWidth-60,left:5,top:1,}} backgroundColor='#D6D6D6' >
                <Text style={{color: 'gray',fontSize:12,left:1,top:1,}} >  
               ke这是一条，大家点赞哦，支持一下吧，百推宝
            </Text>   
           </View>
         </View>
    </TouchableOpacity>
    
  );
} 
}

const styles = StyleSheet.create({
  container: {
   backgroundColor:'#fff',
    height:70,
  },
  topImgWid:{
    top:10,
    left:10,
    borderRadius:25,//圆角处理
    width: 50,
     height: 50 ,
  },

  textWid:{
    top:10,
    left:20,
    height:25,
    fontSize:15,
    color:'#3C4959',

  },
  
})

// AppRegistry.registerComponent('AwesomeProject', () => SectionListBasics);
const scaleSizeToFit = (s) => {
   return s * Dimensions.get('window').width / 414;
 }